<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!--THML结构-->
    <form id="test-from" action="test">
        <legend>请选择想要学习的编程语言：</legend>
        <fieldset>
            <p><label class="selectAll"><input type="checkbox">
                <span class="selectAll">全选</span><span class="deselectAll">全不选</span></label>
<a href="#0" class="invertSelect">反选</a>
            </p>
            <p><label > <input type="checkbox" name="lang" value="JavaScript">JavaScript</label></p>
            
            <p><label > <input type="checkbox" name="lang" value="python">Python</label></p>
            
            <p><label > <input type="checkbox" name="lang" value="ruby">Ruby</label></p>

            <p><label > <input type="checkbox" name="lang" value="haskell">Haskell</label></p>
            <p><label > <input type="checkbox" name="lang" value="scheme">Scheme</label></p>

            <p><button type="submit"></button></p>
        </fieldset>

    </form>



    <script src="./jquery-3.6.0.min.js"></script>
    <script src="./js.js"></script>
</body>
</html>